<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>散列画廊</title>
  <link rel="stylesheet" href="./style.css">
</head>

<body onselect="return false">

  <div class="warp" id="warp">
	  <!-- photo 负责平移、旋转 -->
	  <div class="photo photo_front" onclick="turn(this)" id="photo_{{index}}">
		  <!-- photo-wrap负责翻转 -->
		  <div class="photo-wrap">
			  <div class="side side-front">
				  <p class="image"><img src="images/{{img}}" alt=""></p>
				  <p class="caption">{{caption}}</p>
			  </div>
			  <div class="side side-back">
				  <p class="desc">{{desc}}</p>
			  </div>
		  </div>
	  </div>
  </div>

  <script type="text/javascript" src="./images/data.js"></script>
  <script type="text/javascript" src="index.js"></script>
</body>
</html>
